/**
 * 目标: 完成注册功能
 *  1.1 收集注册数据并校验
 *  1.2 发送请求
 *  1.3 显示结果
 *  1.4 跳转至登录页
 */
// 绑定点击事件
document.querySelector('#btn-register').addEventListener('click', async e => {
  // 收集表单数据 serialize(表单,{对象})
  const data = serialize(document.querySelector('.register-form'), { hash: true, empty: true })
  console.log(data)
  if (!data.username) {
    showToast('用户名不能为空')
    return
  } else if (data.username.length < 8 || data.username.length > 30) {
    showToast('用户名长度必须在8-30之间')
    return
  }

  if (data.password === '') {
    showToast('密码不能为空')
    return
  } else if (data.password.length < 6 || data.password.length > 30) {
    showToast('密码长度必须在8-30之间')
    return
  }
  // 发送请求
  const res = await axios.post('/register', data)
  // 解构
  console.log(res)
  // 提示注册成功
  showToast(res.message)
  // 存储用户名密码
  localStorage.setItem('username', data.username)
  localStorage.setItem('password', data.password)
  // 跳转至登录页 加用户名密码回显
  setTimeout(() => {
    location.href = './login.html'
  }, 1500)
})
